// 全局变量
$color_primary:#2D65AC;
$color_grey:#111A34;
$color_orange:#FF5B18FF;
$color_info:#000000A6;
$color_hover:#2E71DB;
$color_grey_light:#EDF0F5;
$color_global7fb:#F5F7FB;
/* 文字颜色 */
$color_525:#525252;
$color_99:#999999;
$color_66:#666666;
$color_red:#FF525D;

:root{
  --van-tabs-bottom-bar-color:#2D65AC;
  --van-primary-color:#2D65AC;
}


@mixin wrapper($num,$minWidth:1220) {
    margin: 0 auto;
    width: $num + px;
    @media (max-width:1440px) {
      width: $minWidth + px;
    }
}

@mixin ellipsis {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
@mixin bottom_fixed {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: .266667rem .426667rem;
  box-sizing: border-box;
}
// 圆形边框
@mixin circleBorder($width,$height) {
  width: $width;
  height: $height;
  border-radius: 50%;

}
/* 图片盒子 */
@mixin imgBox($width,$height){
  width: $width;
  height: $height;
  object-fit: cover;
}

@mixin cardListItem {
    background-color: #ffffff;
    padding:0.4rem .426667rem;
    border-radius: 0.16rem 0.213333rem 0.213333rem 0.213333rem;
    .image-box {
      position: relative;
      width: 3.173333rem;
      height: 1.786667rem;
      img {
        @include imgBox(100%, 100%);
        border-radius: 8px;
      }
    }
    .date {
      line-height: var(--van-button-mini-height);
    }
}

@mixin blockItem {
  background-color: white;
  text-align: start;
  margin-bottom: 8px;
      width: 48%;
      border-radius: 0.16rem;
      .box-img {
        @include imgBox(100%, 2.48rem);
        img {
          @include imgBox(100%, 100%);
          border-radius: 8px 8px 0px 0px;
        }
      }
    
}
// @mixin refresh {
//     display: flex;
//     align-items: center;
//     color: $color_primary;
// }

/*
* 重置标签a的属性,在此处而不在reset中重置是因为用到了全局属性但是不想在reset中引入global文件，
* 这样的话在frame中也引入了global文件,就重复引用了
*/ 
a{
    color: $color_primary;
    text-decoration: none;
    &:hover{
        color: $color_primary;
    }
}